.w {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }

html{
    line-height: 1.15
}  
  
@import url(../head_foot/foot.css);
@import url(../head_foot/head.css);


.wrap {
   width: 100%;

   .reg{
        overflow: hidden;
        background: url(http://www.oiwas.com/_nuxt/img/cec78cb.jpg) no-repeat;
        background-size: 100% 100%;
        height: 622px;
        position: relative;


        .loginContent{

            .loginright{
                overflow: hidden;
                background: #fff;
                width: 420px;
                margin: 20px 7% 20px 0;
                padding: 30px 36px 20px;
                box-sizing: border-box;
                float: right;
                position: relative;
                z-index: 2;



                .logintitle{
                    padding-right: 15px;
                    float: left;
                    font-size: 19px;
                    line-height: 22px;
                    padding-bottom: 14px;
                    box-sizing: border-box;
                    cursor: pointer;

                    h2{
                        width: 100%;
                        display: block;
                        color: #000;
                        text-align: left;
                        border-bottom: 0;
                        margin-bottom: 0;
                        padding-left: 0;
                        font-weight: 700;    
                    }           
                }


                .loginval{

                    .loginTab{
                        position: relative;

                        .first{
                            position: relative;
                            padding-bottom: 20px;

                            input{
                                border: 1px solid #c8cbcc;
                                padding: 2px 30px 0 10px;
                                height: 40px;
                                line-height: 16px;
                                font-size: 14px;
                                width: 100%;
                                box-sizing: border-box;
                            }
                            
                        }


                        .loginyz{

                                #drag{
                                    text-align: center;
                                    border: 1px solid #c8cbcc;
                                    height: 40px;
                                    line-height: 40px;
                                    padding-bottom: 0!important;
                                    margin-bottom: 20px;
                                    background: #eee;
                                    overflow: hidden;
                                    box-sizing: border-box;
                                    position: relative;

                                .handler {
                                    position: absolute;
                                    top: 0px;
                                    left: 0px;
                                    width: 40px;
                                    height: 40px;
                                    cursor: move;
                                }

                                .handler_bg {
                                    background: #fff url(../../image/04.png) no-repeat center;
                                    background-size: 25px;
                                }

                                .drag_text {
                                    position: absolute;
                                    top: 0px;
                                    width: 346px;
                                    -moz-user-select: none;
                                    -webkit-user-select: none;
                                    user-select: none;
                                    -o-user-select: none;
                                    -ms-user-select: none;
                                    font-size: 13px;
                                }

                                .drag_bg {
                                    background-color: #000;
                                    height: 40px;
                                    width: 0px;
                                }

                                .handler_ok_bg {
                                    background: #fff url(../../image/04.png) no-repeat center;
                                    background-size: 25px;
                                }

                            }
                        }

                        .code{
                            padding-bottom: 20px;
        
                            input{
                                border: 1px solid #c8cbcc;
                                padding: 2px 30px 0 10px;
                                height: 40px;
                                line-height: 16px;
                                font-size: 14px;
                                width: 100%;
                                box-sizing: border-box;
                            }
                        }
        
        
                        .rand_code{
                            padding-bottom: 20px;
                            position: relative;
        
                            input{
                                border: 1px solid #c8cbcc;
                                padding: 2px 30px 0 10px;
                                height: 40px;
                                line-height: 16px;
                                font-size: 14px;
                                width: 100%;
                                box-sizing: border-box;
                            }
        
        
                            .get_code{
                                min-width: 100px;
                                display: inline-block;
                                height: 40px;
                                background-color: #000;
                                text-align: center;
                                font-size: 14px;
                                color: #fff;
                                position: absolute;
                                top: 0;
                                right: 0;
                                line-height: 40px;
                                padding: 0 10px;
                            }
                        }

                        .icon{
                            margin-bottom: 15px;
                            font-size: 13px;
        
                            i{
                                background: #fff;
                                color: #fff;
                                border: 2px solid #98989a;
                                width: 18px;
                                height: 18px;
                                margin-right: 7px;
                                position: relative;
                                display: inline-block;
                                vertical-align: middle;
                            }
        
                            .iactive{
                                background-color: #000!important;
                                border: 2px solid #000!important;
                                background-image: url(../../image/01.png);
                                background-size: 14px 14px;
                                background-repeat: no-repeat;
                                background-position: 2px 2px;
                            }
        
                            span{
                                display: inline-block;
                                line-height: 28px;
                                vertical-align: middle;
                            }
                        }

                        .btn{
                            height: 42px;
                            font-size: 16px;
                            background: #000;
                            text-align: center;
                            letter-spacing: 2px;
                            cursor: pointer;
                            color: #fff;
                            line-height: 42px;
        
                            span{
                                padding-left: 1em;
                            }
                        }
        
                        .btn:hover{
                            color: #98989a;
                        }
        
                        a,.btn{
                            cursor: pointer;
                        }
        
                        .forget{
                            display: inline-block;
                            font-size: 14px;
                            color: #000;
                            line-height: 14px;
                            margin-top: 10px;
                            position: relative;
                        }
        
                    }
                    
                }

                .thridlogin{
                    margin-top: 20px;
    
    
                    .thirdTit{
                        font-size: 14px;
                        color: #000;
                        line-height: 14px;
                        width: 100%;
                        border-top: 1px dashed #c8cbcc;
                        padding: 20px 0;
                    }
    
                    .listInline{
                       li{ 
                            margin-right: 16px;
                            display: inline-block;
    
                            a{
                                cursor: pointer;
    
                                img{
                                    width: 42px;
                                    height: 42px;
                                }
                            }
                        }
                    }
                }
            }

        }
   }
}

.xctips{

    position:fixed;
    margin-top: 20px;
    left:50%;
    margin-left: -190px;
    width:380px; 
    height:44px; 
    border-radius: 5px;
    z-index:999;
    color:#f56c6c; 
    background-color: #fef0f0;
    border: #f56c6c 1px solid;
    line-height:44px; 
    text-align:center; 
    vertical-align:middle; 
    font-size:16px; 
    transition:background .2s linear;
    -webkit-transition:background .2s linear;   

}

.igreen{
    background-color: rgb(51, 204, 51) !important;
    color: #fff !important;
    border: 0 !important;
}


